<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="zh-CN" xml:lang="zh-CN">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta charset="UTF-8" />
<title>我的订单</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="viewport" content="width=1226" />
<link rel="shortcut icon" href="//s01.mifile.cn/favicon.ico"
	type="image/x-icon" />
<link rel="icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon" />
<link rel="search" title="mi.com" href="//s1.mi.com/search.xml?v1.0"
	type="application/opensearchdescription+xml" />
<meta http-equiv="Cache-Control" content="no-transform " />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" href="xiaomi/css/base.min.css" />
<link rel="stylesheet"
	href="xiaomi/css/main.min.css" />
<link rel="stylesheet" href="css/xiaomi.css" />
<script type="text/javascript">
 function order(){
	 var order = document.getElementById("order");
	 order.style.display = "block";
	 
 }
</script>
</head>
<body>
	<jsp:include page="head.jsp" />
	<div class="breadcrumbs">
		<div class="container">
			<a href="//www.mi.com/index.html">首页</a><span class="sep">&gt;</span><span>交易订单</span>
		</div>
	</div>

	<div class="page-main user-main">
		<div class="container">
			<div class="row">
				<div class="span4">
					<div class="uc-box uc-sub-box">
						<div class="uc-nav-box">
							<div class="box-hd">
								<h3 class="title">订单中心</h3>
							</div>
							<div class="box-bd">
								<ul class="uc-nav-list J_navList">
									<li class="active"><a class="J_noRandom"
										href="myOrders.jsp">我的订单</a></li>
								</ul>
							</div>
						</div>
						<div class="uc-nav-box">
							<div class="box-hd">
								<h3 class="title">个人中心</h3>
							</div>
							<div class="box-bd">
								<ul id="J_orderNavList" class="uc-nav-list">
									<li><a href="personalCenter.jsp">我的个人中心</a></li>
									<li><a href="settle.jsp">收货地址</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="span16">
					<div class="uc-box uc-main-box">
						<div class="uc-content-box order-list-box">
							<div class="box-hd">
								<h1 class="title">我的订单</h1>
								<div class="more clearfix">
									<ul class="filter-list J_orderType">
										<li class="first"><a href="#"
											data-type="0">全部有效订单</a></li>
										<li><a id="J_unpaidTab"onclick="order()"
											href="#" data-type="7">待支付</a></li>
										<li><a id="J_sendTab" 
											href="#" data-type="8">待收货</a></li>
										<li><a href="#" data-type="5">已关闭</a></li>
									</ul>
								</div>
							</div>
							<div id="order" class="box-bd" style="display:none;">
								<div id="J_orderList">
									<ul class="order-list">
										<li class="uc-order-item uc-order-item-pay">
											<div class="order-detail">
												<div class="order-summary">
													<div class="order-status">等待付款</div>
													<p class="order-desc J_deliverDesc">预计五天内发货</p>
												</div>
												<table class="order-detail-table">
													<thead>
														<tr>
															<th class="col-main">
																<p class="caption-info">2017年04月17日 18:05
																	<span class="sep">|</span>周剑杰
																	<span class="sep">|</span>订单号:
																	<a href="#"></a>
																	<span class="sep">|</span>在线支付
																</p>
															</th>
															<th class="col-sub">
															<p class="caption-price">订单金额：
															<span class="num">79.00</span>元
															</p>
															</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td class="order-items">
																<ul class="goods-list">
																	<li>
																	<div class="figure figure-thumb">
																		<a href="#" target="blank">
																		<img src="//i1.mifile.cn/a1/T1IdZgB5hv1RXrhCrK!80x80.jpg" width="80" height="80" alt="小米随身蓝牙音响 星空灰">
																		</a>
																	</div>
																	<p class="name"><a target="_blank" href="#">小米随身蓝牙音箱 星空灰</a>
																	</p>
																	<p class="price">69元*1</p>
																	</li>
																</ul>
															</td>
															<td class="order-actions">
																<a class="btn btn-small btn-primary" href="#" target="_blank">立即支付</a>
																<a class="btn btn-small btn-line-gray" href="orderDetail.jsp">订单详情</a>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</li>
									</ul>
									<div class="loading">
										<div class="loader"></div>
									</div>
								</div>
							</div>
							<div id="J_orderListPages">
									<div class="xm-pagenavi">
										<span class="numbers first">
										<span class="iconfont"><</span>
										</span>
										<span class="numbers current">1</span>
										<span class="numbers last">
										<span class="iconfont">></span>
										</span>
									</div>
								</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<jsp:include page="bottom.jsp" />
</body>
</html>
								
